<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		// 报错:
		// Access to XMLHttpRequest at 'http://192.168.60.133/2111_php/demo_29/php/searchAllGrade.php' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
		
		// 从'http://127.0.0.1:8848'访问'http://192.168.60.133/2111_php/demo_29/php/searchAllGrade.php' XMLHttpRequest已经被CORS策略阻止:在请求的资源上没有'Access- control - allow - origin '头。   => 从hbuilder访问apache服务器对应接口的请求 CORS 策略拒绝了
		
		// CORS (跨域资源共享协议)  跨源资源共享 (CORS) （或通俗地译为跨域资源共享）是一种基于HTTP 头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口）
			
		// 跨域访问 方法1:
		// - 对方服务器配置CORS(跨域资源共享  )
		// > 指在对方服务器上做配置，即让他们允许我们访问，这样我们再通过AJAX就可以拿到数据了。
		//  @header("Access-Control-Allow-Origin:*");
			
		
		// 一个服务器的前端(hbuilderX)  请求 另一个服务器的后端(phpstudy)
		$.ajax({
			type:"get",
			url:"http://192.168.60.133/2111_php/demo_29/php/searchAllGrade.php",
			dataType:"json",
			success:function(result){
				console.log(result);
			}
		})

		
		
	</script>
</html>
